#main-wrapper{padding:0}
.blog-posts.hfeed{overflow:hidden}
.post{background-color:#fff;width:22%;float:left;margin:0 2.5% 3% 0;padding:5px;position:relative;height:170px;overflow:hidden;border:1px dashed #ccc;border-radius:2px;}
.post:hover{border:1px dashed #f00;box-shadow:0 0 3px #B5B5B5;-moz-box-shadow:0 0 3px #b5b5b5;-webkit-box-shadow:0 0 3px #B5B5B5}
a.thumbx{display:block;width:100%;height:125px;overflow:hidden;background-color:#fff;}
a.thumbx img{display:block;width:100%;height:100%;border-radius:2px}
.post h2.post-title{line-height:1.2em;font-family:'PT Sans Narrow', Calibri, Myriad Pro;font-size:85%;margin:0;padding:3px 0;overflow:hidden;max-height:42px;text-align:center;border-top:none;border-bottom:none;background:none}
.post h2.post-title a{font-weight:normal;color:#f30}
.post h2.post-title a:hover{color:#f00}
.post-body p{margin:0 0}
.post-body{font-size:10px;color:#00248E;text-align:left;display:none}
#blog-pager{padding:0 15px 0 0}
#blog-pager a{display:block;padding:2px 5px;background-color:#f30;color:white;text-decoration:none}
#blog-pager a:hover{background-color:#09C03C}
.vcard{display:none}
@media only screen and (min-width:768px) and (max-width:989px){
  .post{height:140px}
  a.thumbx{height:100px}
  .post h2.post-title{font-size:80%;max-height:40px}
  .post-body p{font-size:12px}
}
@media only screen and (max-width:767px){
  .post h2.post-title{font-size:80%;max-height:39px}
  .post-body p{font-size:12px}
  .post{width:32.3%;margin:0 0.5% 10px;height:160px}
   a.thumbx{height:120px;}
}
@media only screen and (max-width:600px){
  .post h2.post-title{font-size:77%}
  .post-body p{font-size:12px}
  .post{width:31%;margin:0 1% 10px;height:160px}
   a.thumbx{height:120px;}
}
@media only screen and (max-width:479px){
  .post h2.post-title{font-size:80%;max-height:39px}
  .post{width:43%;margin:0 3% 20px;height:158px}
   a.thumbx{height:120px;}
}